<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>b页面</h1>
    <!-- 获取a页面带入的参数 且 解析成对象打印出来 -->
    <button>点击获取a页面的值</button>
    <script>
        // 解析a页面传入过来的变量a和b
        document.getElementsByTagName("button")[0].onclick = function () {
            var str = window.location.search;
            // console.log(str);
            var res = formatQueryString(str);
            console.log('??', res);
        }

        function formatQueryString(str) {
            // str = "?a=10&b=20";
            // 第一步 ：去掉开头的？
            var newStr = str.substr(1);
            //    ['a','10&b','20'];
            // ['a=10','b=20'];
            console.log(newStr);
            //    第二步根据 &符号切割字符串
            var arr = newStr.split("&");
            console.log(arr);
            //   数组循环  a=10--->[0]--a [1]--b  b=20  ----> [0]--b [1]---20;
            var obj = {};
            for (var i = 0; i < arr.length; i++) {
                console.log(arr[i]);
                var newArr = arr[i].split("=");
                // console.log(newArr)
                obj[newArr[0]] = newArr[1];
            }
            return obj;
        }


    </script>
</body>

</html>